<template>
  <div>
    <div v-if="showTitle" style="margin-bottom: 10px; font-weight: 700">订单明细</div>
    <el-table
      :data="mxChildtableData"
      border
      style="width: 100%"
      size="small"
      height="200px"
    >
      <el-table-column
        prop="orderCode"
        label="子订单号"
        width="140"
        align="left"
        header-align="center"
      >
      </el-table-column>
      <el-table-column
        prop="commodityName"
        label="商品名称"
        align="left"
        header-align="center"
      >
      </el-table-column>
      <el-table-column
        prop="specificationName"
        label="规格名称"
        align="left"
        header-align="center"
      >
      </el-table-column>
      <el-table-column
        prop="amount"
        label="下单数量"
        align="center"
        width="120"
        header-align="center"
      >
      </el-table-column>
      <el-table-column
        prop="subjoinPrice"
        label="预估收入"
        align="center"
        width="120"
        header-align="center"
      >
      </el-table-column>
      <el-table-column
        prop="orderSettlementDate"
        label="订单结算时间"
        align="center"
        header-align="center"
        width="120"
      >
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: "detailTable",
  props: {
    // 是否显示提示
    mxChildtableData: {
      type: Array,
      default: [],
    },
    showTitle:{
      type:Boolean,
      default:true,
    },
  },
  data: {},
  methods: {},
  mounted() {
  },
};
</script>
